<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="keywords" content="华翰科技官网" />
    <meta name="description" content="赋能教育数字化" />
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/font/stylesheet.css" />
    <link rel="stylesheet" href="./css/header.css" />
    <link rel="stylesheet" href="./css/footer.css" />
    <link rel="stylesheet" href="./css/crm.css" />
    <link rel="stylesheet" href="./js/wow.js/css/libs/animate.css" />
    <link rel="stylesheet" href="./css/flex.css" />
    <title>华翰科技</title>
  </head>
  <body>
    <header class="header">
      <div class="header-top">
        <div class="logo">
          <img src="./image/logo.png" alt="" />
        </div>
        <ul class="nav">
          <li class="nav-item">
            <a href="#">首页</a>
          </li>
          <li class="nav-item">
            <a class="arrow" href="#">教育数字化产品与服务</a>
            <ul class="sub-nav">
              <li><a href="">必过OEM数字化平台</a></li>
              <li><a href="">全科目数字化课程产品</a></li>
              <li><a href="">E校通教育与知识数字化工具</a></li>
              <li><a href="">教育数字化管理系统</a></li>
              <li><a href="">CRM数字化营销系统</a></li>
              <li><a href="">学员数字化学习服务</a></li>
            </ul>
          </li>
          <li class="nav-item">
            <a class="arrow" href="#">行业解决方案</a>
            <ul class="sub-nav">
              <li><a href="./solution.html#tab1">职业资格证</a></li>
              <li><a href="#tab2">学历教育</a></li>
              <li><a href="#tab3">教育机构</a></li>
              <li><a href="#tab4">企业大学</a></li>
              <li><a href="#tab5">知识付费</a></li>
            </ul>
          </li>
          <li class="nav-item">
            <a class="arrow" href="#">关于华翰</a>
            <ul class="sub-nav">
              <li><a href="">华翰故事</a></li>
              <li><a href="">品牌动态</a></li>
              <li>
                <a href="">联系我们</a>
              </li>
              <li>
                <a href="">帮助中心</a>
                <ul class="sub2-nav">
                  <li><a href="">必过帮助</a></li>
                  <li><a href="">E校通帮助</a></li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
        <div class="action">
          <div class="btn btn-login">登录</div>
          <div class="btn btn-try">试用</div>
        </div>
      </div>
      <div class="bg-container"></div>
    </header>
    <div class="step-container">
        <div class="wrapper">
            <div class="title-top flex-center">数字化营销管理，招生拓客更省心</div>
            <div class="sub-title flex-center">全程数字化营销管理，全面提升机构招生拓客及运营效率</div>
            <div class="step-top">
                <img src="./image/crm-step1.png" alt="">
                <img src="./image/crm-step2.png" alt="">
                <img src="./image/crm-step3.png" alt="">
            </div>
            <div class="step-bottom flex-center">
                <img src="./image/crm-1.png" alt="">
            </div>
        </div>
    </div>
    <div class="extension-container">
        <div class="wrapper  flex-center2">
            <div class="wrapper-left">
                <h3>数字化营销推广</h3>
                <p>运用丰富的推广功能模块，实现多渠道、低成本覆盖流量领域，助力推广招生，助推机构业绩稳步攀升。</p>
            </div>
            <div class="wrapper-right">
                <img src="./image/crm-2.png" alt="">
            </div>
        </div>
    </div>
    <div class="manage-container">
        <div class="wrapper flex-center2">
            <div class="wrapper-left">
                <img src="./image/crm-3.png" alt="">
            </div>
            <div class="wrapper-right">
                <h3>数字化运营管理</h3>
                <p>跟进销售进程，学员动态，洞察学员需求，沉淀学员数据，全盘优化线索跟进流程，从而全方位提升销售线索的转化效率。</p>
            </div>
        </div>
    </div>
    <div class="report-container">
        <div class="wrapper flex-center2">
            <div class="wrapper-left">
                <h3>数字化分析报告</h3>
                <p>云数据技术实时更新，机构终端可视化掌握，通过数字技术的智能化、精准化辅助经营决策，提升机构商业能力和盈利能力。</p>
            </div>
            <div class="wrapper-right">
                <img src="./image/crm-4.png" alt="">
            </div>
        </div>
    </div>
    <footer class="footer">
        <div class="footer-container">
            <div class="footer-wrapper">
                <div class="wrapper-item">
                    <div class="title">教育数字化解决方案</div>
                    <ul>
                        <li><a href="">必过OEM数字化平台</a></li>
                        <li><a href="">全科目数字化课程解决方案</a></li>
                        <li><a href="">E校通教育与知识数字化解决方案</a></li>
                        <li><a href="">教务数字化管理解决方案</a></li>
                        <li><a href="">CRM数字化营销解决方案</a></li>
                        <li><a href="">学员数字化学习解决方案</a></li>
                    </ul>
                </div>
                <div class="wrapper-item">
                    <div class="title">行业解决方案</div>
                    <ul>
                        <li><a href="">职业资格证</a></li>
                        <li><a href="">学历教育</a></li>
                        <li><a href="">教育机构</a></li>
                        <li><a href="">企业大学</a></li>
                        <li><a href="">知识付费</a></li>
                    </ul>
                </div>
                <div class="wrapper-item">
                    <div class="title">关于华翰</div>
                    <ul>
                        <li><a href="">品牌故事</a></li>
                        <li><a href="">品牌动态</a></li>
                        <li class="hasChild">
                            <a href="">联系我们</a>
                            <span class="child">必过帮助中心</span>
                            <span class="child">E校通帮助中心</span>
                        </li>
                    </ul>
                </div>
                <div class="wxcode">
                    <img src="./image/service.png" alt="华翰科技官方服务号">
                    <span>华翰科技官方服务号</span>
                </div>
                <div class="wxcode">
                    <img src="./image//subscription.png" alt="华翰科技官方订阅号">
                    <span>华翰科技官方订阅号</span>
                </div>
                <div class="phone">
                    <div class="number">400-001-5920</div>
                    <span>全国免费咨询服务热线</span>
                </div>
            </div>
            <div class="hr"></div>
            <div class="footer-bottom">
                <div class="address">总部地址：广东省广州市高新技术开发区科汇金谷四街11号9层</div>
                <div class="service-center">全国营销服务中心：广州、深圳、北京、上海、苏州、南京、宁波、杭州、济南、天津、合肥、郑州、石家庄、武汉、长沙、成都、重庆、昆明、西安、南宁</div>
                <ul class="copyright">
                    <li><a href="http://www.huahanedu.cn/cert-c.html" target="_blank">增值电信业务经营许可</a></li>
                    <li><a href="http://www.huahanedu.cn/cert-a.html" target="_blank">广播电视节目经营许可</a></li>
                    <li><a href="http://www.huahanedu.cn/cert-b.html" target="_blank">网络安全等级保护许可 </a></li>
                    <li><a href="http://www.huahanedu.cn/cert-d.html" target="_blank">营业执照</a></li>
                    <li><a href="http://beian.miit.gov.cn" target="_blank">CIP备案号 13083939号</a></li>
                    <li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011202000209"
                            target="_blank">公安备号 44011202000209号</a></li>
                </ul>
            </div>
        </div>
        <div class="bottom">&#169 2013-2021 必过在线教育OEM ALL RIGHTS RESERVED. 广州华翰教育科技有限公司 版权所有</div>
    </footer>
    <script src="./js/wow.js/dist/wow.min.js"></script>
    <script src="./js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
      // 一级下拉
      $('.nav .nav-item').each(function (index, item) {
        $(item).hover(
          function () {
            //  添加active
            $(item).addClass('active').siblings().removeClass('active')
            // 展开一级下拉
            if ($(item).children('.sub-nav')) {
              $(item).children('.sub-nav').stop().slideDown()
            }
          },
          function () {
            $(item).removeClass('active')
            if ($(item).children('.sub-nav')) {
              $(item).children('.sub-nav').stop().slideUp()
            }
          }
        )
      })

      // 二级下拉
      $('.sub-nav li').each(function (index, item) {
        if ($(item).children('.sub2-nav').length > 0) {
          $(item).hover(function () {
            $(item).children('.sub2-nav').stop().slideToggle()
          })
        }
      })
    </script>
  </body>
</html>
